blob: 6b24f388758e6e4a6e57b8ecc928b46075f67f02 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
<script lang="ts">
import { enhance } from "$app/forms";
import type { PageProps } from "./$types";
import { canBeFinished } from "$lib/common/assignments";
let { data }: PageProps = $props();
const assignmentDate = $derived(new Intl.DateTimeFormat().format(data.assignment.date));
</script>
<svelte:head>
<title>Opgave på {data.cemetaryPlot.address}</title>
</svelte:head>
<h1>Assignment #{data.assignment.id}</h1>
<p>
Gravstedet, der skal vedligeholdes er ved
<span class="address">{data.cemetaryPlot.address}</span>.
</p>
<p>Vedligeholdelsen skal finde sted <time>{assignmentDate}<time>.</time></time></p>
<p>State: {data.assignment.state}</p>
{#if canBeFinished(data.assignment)}
<h2>Færdiggør opgave</h2>
<p>Når du har færdiggjort opgaven, kan du uploade billederne her:</p>
<form method="POST" action="?/finish" enctype="multipart/form-data" use:enhance>
<label>
Billeder:
<input type="file" name="images" accept=".jpg, .jpeg, .png, .webp" required multiple />
</label>
<label>
Ekstra bemærkninger:
<textarea name="notes" placeholder="F.eks.: Vi løb tør for roser (?). De kommer i overmorgen :)"
></textarea>
</label>
<button>Færddigør job</button>
</form>
{:else}
<p>Du har færddigjort denne opgave!</p>
{/if}
<style>
.address,
time {
font-weight: bold;
}
label {
display: block;
}
</style>
|
